.tag {
  :global {
    .ant-tag-default {
      color: #b7b7b7;
      background: var(--gray-4, #f6f6f6) !important;
      border: 1px solid var(--gray-15, #d0d0d0) !important;
    }

    .ant-tag-processing {
      color: #008fde !important;
      background: rgba(0, 143, 222, 8%) !important;
      border: 1px solid rgba(0, 143, 222, 40%) !important;
    }

    .ant-tag-success {
      color: #08cb94 !important;
      background: var(--color-green-8, rgba(8, 203, 148, 8%)) !important;
      border: 1px solid var(--color-green-40, rgba(8, 203, 148, 40%)) !important;
    }

    .ant-tag-error {
      color: #da2731 !important;
      background: var(--color-red-8, rgba(240, 65, 52, 8%)) !important;
      border: 1px solid var(--color-red-40, rgba(240, 65, 52, 40%)) !important;
    }

    .ant-tag-warning {
      color: #ffb64c !important;
      background: var(--color-yellow-8, rgba(255, 182, 76, 8%)) !important;
      border: 1px solid var(--color-yellow-40, rgba(255, 182, 76, 40%)) !important;
    }
  }
}
